/*#######################################################################*/
/*
/*	Project Name : Xoops Cube Theme
/*	Project Site : http://www.xoopscube.org
/*	
/*	Theme Name	 : Common
/*	Theme Site	 : http://www.xoopserver.com
/*
/*	Author	: Nuno Luciano
/*  Review	: 09 - 09 - 2006
/*
/*#######################################################################*/

* { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }

body {
padding: 0px 350px 0px 350px;
border-top:5px solid #76b41c;
background:#292929;
color:#9BAE9B;
font-size: 12px;
text-align:center;
}

/*#######################################################################*/
/*                           HTML TAGS                                   */
/*#######################################################################*/

a:focus {-moz-outline:0;outline:0;outline-offset:0;}
a:link {color:#76B41C;}
a:visited {color:#76B41C;}
a:hover, a:active {color:#FFCC00;text-decoration:none;}

a img {border:none;text-decoration:none;}

p {}

h1, h2, h3, h4, h5 {margin:4px 0 4px 0; padding:0px; letter-spacing:0.1em}
h1 {font-size: 2.1em; font-weight:normal;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {text-decoration:none;}
h2 {font-size: 1.4em;}
h3 {font-size:1.2em;}
h4 {font-size: 1.1em;}

ul {text-align: left;margin: 2px 2px 2px 15px;padding: 2px;list-style: square outside;}
li {padding:0;margin:0;font-size: 0.8em;line-height:18px;list-style:none;}
li ul {margin:0;}

/*#######################################################################*/
/*                           Form Elements                               */
/*#######################################################################*/

form {margin:0;padding:0px;}
input, select, textarea {
font-size: 0.9em;
margin:2px 0;
padding:2px;
border:1px solid #666;
background-color:#A3A3A3;
}
input:focus, textarea:focus {background-color:#d7d7d7;} 
input.formButton {}

/*#######################################################################*/
/*                            Theme Layout                               */
/*#######################################################################*/

#layout {
margin: 0 auto 0 auto;
padding: 0;
width: 50%;
max-width: 300px;
}

#layoutBody {
margin: 0 -350px 0 -350px;
min-width: 700px;
position: relative;
}

/* Fix child % IE */
#layoutContent { width: 100%;} 

/* Holly hack for IE \*/
* html #layout,
* html #layoutBody { height: 0;}
/* */

.clear { clear:both; margin:0; padding:0px;}

/*----------------- Layout Header ----------------------- */

#layout_header {
width:100%;
text-align:left;
height:100px;
margin: 20px 0 20px 0;
background:#292929;
}
#layout_header .logo {float:left;width:80px;}
#layout_header .sitename a {float:left;font-size:2.1em;letter-spacing:0.1em;padding:30px 0px;}
.sitename a, .sitename a:visited {text-decoration:none;}
#layout_header .banner {float:right; width:470px;}
#layout_header .welcome {float:left; margin-top:10px;}

/*----------------- Switch Style ----------------------- */

#switchStyle {float:right;width:200px;position:relative;margin-top:4px;}
#switchStyle ul {margin:0;list-style:none;}
#switchStyle li {display:inline;margin:0;padding:0;}
#switchStyle a {float:right;margin:0;padding:2px;text-decoration:none;}
#switchStyle a span {
float:right;
display:block;
width:14px;
height:14px;
padding-left:4px;
text-align:center;
overflow:hidden;
border:1px solid #444;
}
/* Hack hide rule from IE5-Mac \*/
#switchStyle a span {float:none;}
/* End IE5-Mac hack */
#switchStyle .style { background-color:#999999;}
#switchStyle .blue { background:#1C4875;}
#switchStyle .green { background:#007000;}
#switchStyle .red { background:#CC3300;}
#switchStyle .yellow { background:#FFCC00;}
#switchStyle .white { background:#9AACAF;}
#switchStyle .fontMin { background:#000; font-size:0.8em; margin-left:10px;}
#switchStyle .fontMax { background:#000; font-size:1.2em;}
/* Hover style */
#switchStyle a:hover span { border:1px solid #fff;}

/*#######################################################################*/
/*                            Block Center                               */
/*#######################################################################*/

#centercolumn { float: left; width: 75%; p\osition: relative; } /* required by IE5, 6 */

.centerLcolumn {width: 34%;float: left; margin-left:4px;}
.centerCcolumn {
float: right;
voice-family: "\"}\""; /* IE5+ hack*/
voice-family: inherit;
width: 65%; 
wid\th: 64%; /* IE6+ hack */
}
.centerRcolumn{
float: right;
voice-family: "\"}\""; /* IE5+ hack*/
voice-family: inherit;
width: 25%; 
wid\th: 24%; /* IE6+ hack */
margin-right:4px;
}

html>body #layout_right .centerRcolumn {float: right;width: 25%;}

.centerLcolumn, .centerCcolumn, .centerRcolumn { p\osition: relative; }
.centerLblockTitle, .centerCblockTitle, .centerRblockTitle {
margin: 0;
padding:4px;
border-bottom:1px solid #292929;
font-size: 1.2em;
font-weight: bold;
line-height:2em;
}

.centerLblockContent, .centerCblockContent, .centerRblockContent {margin:0px;padding:4px;border:none;text-align:justify;}

/*#######################################################################*/
/*                           Module Content                              */
/*#######################################################################*/

#layoutMain {
float:right;
width:78%;
display:inline;
margin-right: 5px;
margin-bottom:2.5em;
background:#1F1F1F;
border-top:1px solid #333;
border-bottom:1px solid #333;
text-align:left;
}

#content { padding: 1em;}

/*#######################################################################*/
/*                             Block Left                                */
/*#######################################################################*/

#layoutSide {width:20%;float:left;display:inline;text-align:left;margin-left:5px;padding-bottom:2em;}

.leftcolumn {}
.leftcolumn th {vertical-align: middle;}
.leftblockTitle {
margin: 0;
padding: 4px;
border-bottom:1px solid #444;
font-size: 1.2em;
font-weight: bold;
line-height:2em;
}
.leftblockContent {margin: 4px;padding: 4px;line-height: 120%;}

/*#######################################################################*/
/*                              MainMenu                                 */
/*#######################################################################*/

#mainmenu a {
margin: 0;
padding: 2px;
display: block;
text-decoration: none;
line-height:2em;
}
#mainmenu a:visited{}
#mainmenu a:hover {
border-bottom: dotted 1px #FFCC00;
text-decoration: none;
background-color:#333300;
}
#mainmenu a.menuTop, a.menuMain, a.menuSub {
margin: 0;
padding-left: 4px;
border-bottom: dotted 1px #76B41C;
}
#mainmenu wrapper {padding-left: 12px;}

/*#######################################################################*/
/*                              UserMenu                                 */
/*#######################################################################*/

#usermenu a {
margin: 0;
padding: 2px;
border-bottom: dotted 1px #76B41C;
display: block;
text-decoration: none;
line-height:2em;
}
#usermenu a:visited {}
#usermenu a:hover {border-bottom: dotted 1px #FFCC00;background-color:#333300;text-decoration: none;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #333300;color: #CC9900;}

/*#######################################################################*/
/*                                 Data                                  */
/*#######################################################################*/

table {width: 100%;}
td {margin:0; padding:2px; border:0px;}
th {background-color: #292929; padding: 2px; vertical-align: middle;}
th a {}

.outer {border: solid 0px #333;font-size:0.8em;}
.head, .even, .odd, .foot {margin: 0;padding-left:4px;}
.head {background-color: #444;font-weight: bold;}
.even {background-color: #4C4C4C;/*	color:#EBEBEB;*/}
.odd {background-color: #454545;/*	color:#EBEBEB;*/}
.foot {background-color: #3F3F3F;font-weight: bold;}
tr.even td {background-color: #3A3A3A;}
tr.odd td {background-color: #363636;}

/*#######################################################################*/
/*                             News Items                                */
/*#######################################################################*/

.item { margin-bottom: 1em; width:100%;}
.itemHead {color: #76B41C;padding:4px;border-bottom:1px solid #292929;}
.itemTitle, .itemTitle a, .itemTitle a:visited {padding:4px;text-decoration:none;color:#76B41C;font-size: 1.3em;}
.itemTitle a:hover {color:#FFCC00;}
.itemInfo {font-style:italic;font-size:0.8em;text-align:right;margin:0;padding:4px;}
.itemPoster, .itemPostDate, .itemStats {}
.itemFoot {font-size:0.8em;text-align: right;margin: 0;padding: 4px;}
.itemBody {padding:1em;}
.itemText {padding:1em;}
.itemAdminLink, .itemPermaLink {/*font-size: 0.9em;*/}

/*#######################################################################*/
/*                                Comments                               */
/*#######################################################################*/

div.xoopsCode, div.xoopsQuote {
margin: 2px;
padding:6px;
border: solid 1px #1F1F1F;
background-color:#3F3F3F;
font-size:1em;
line-height:1.2em;
text-align:left;
}
div.xoopsQuote {}
.comTitle { font-size:1.2em;font-weight:bold;margin-bottom:2px;}
.comText {margin:0;padding:1em;line-height: 1.2em;}
.comUserStat {
background-color: #666666;
font-size: 0.9em;
margin: 2px;
padding: 4px;
border: solid 1px #292929;
}
.comUserStatCaption {}
.comUserRank {margin: 2px;}
.comUserRankText {}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-size:0.9em; text-align:right;}
.comDateCaption {}

/*#######################################################################*/
/*                            Alert Messages                             */
/*#######################################################################*/

div.errorMsg, div.confirmMsg, div.resultMsg {
margin: 25%;
padding: 10px;
border: solid 1px #292929;
font-weight: bold;
text-align: center;
letter-spacing:0.1em;
}
div.errorMsg {background-color: #990000;color: #CCCC99;}
div.confirmMsg {background-color: #006600;color: #99FF99;}
div.resultMsg {background-color: #003366;color: #99CCFF;}

/*#######################################################################*/
/*                              Footer                                   */
/*#######################################################################*/

#footer { clear: both; text-align:right; font-size:0.9em; padding: 0.5em 0 0.5em 0; margin-left:20%; border-top: 1px solid #444; }

/* keep margins */
#layoutBody { padding-bottom: 5em; } 
